﻿@model Project_NhomMua_B4.Models.RegisterModel
@{
    ViewBag.Title = "Register";
}
<link href="@Url.Content("~/Content/Account/login.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/Account/main.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/Account/rightmenu.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
@using (Html.BeginForm())
{
    @Html.ValidationSummary(true, "Account creation was unsuccessful. Please correct the errors and try again.")
    <form name ="form1", method ="post" ,action ="Register",id ="form1">
      <div class="body-content">
        <!--thong bao loi-->
        <div id="pError" class="pop-up" style="display: none; height: 0;">
            <p>
                <span class="pop-up-img"></span><span id="msgError">Email hoặc mật khẩu của bạn không
                    hợp lệ.</span>
            </p>
        </div>
        <!--end thong bao loi-->
        <div class="body-left">
            <!--Unknown-->
            <!-- UPD 27.10.3 -->
            <div class="middle-box-white">
                <div class="middle-box-title">
                    <div class="left">
                        <!-- UPD  1.11.2 -->
                        <h3>
                            <span class="middle-size">Đăng ký</span>hay<a href="@Url.Action("LogOn","Account")"
                                id="aDangNhap" class="middle-size">Đăng nhập</a></h3>
                        <!--End UPD 1.11.2 -->
                    </div>
                    <div class="right" style="display: none">
                        <a href="#" name="">
                            <img src="images/facebook-connect.gif" alt="" width="177" height="29" title=""></a></div>
                    <div class="clear">
                    </div>
                </div>
                <div class="middle-box-content">
                    <p>
                        Họ tên <span class="red">*</span></p>
                    <div>
                        <p class="pMessDK" style="display: none" id="pSUName">
                            <i class="iMessDK"></i><span class="spMessDK"></span>
                        </p>
                    </div>
                    <div class="div_txtDK ">
                        <input name="txtSUName" type="text" id="txtSUName" style="width: 342px;">
                      
                @Html.ValidationMessageFor(m => m.UserName)
                    </div>
                    <div id="dClassSUNick">
                        <p class="pMessDK" style="display: none" id="pSUNick">
                            <i class="iMessDK"></i><span class="spMessDK"></span>
                        </p>
                    </div>
                    <p>
                        Nickname <span class="red">*</span></p>
                    <div class="div_txtDK">
                        <input name="txtSUNick" type="text" id="txtSUNick" style="width: 342px;">
                        <p style="font-style: italic; font-size: 12px; padding-top: 7px; color: #9c9b9b">
                            Nickname không được có khoản trắng và không có ký tự đặc biệt</p>
                    </div>
                    <div id="dClassSUEmail">
                        <p class="pMessDK pMessFail" style="display: none" id="pSUEmail">
                        </p>
                    </div>
                    <p>
                        Địa chỉ email <span class="red">*</span></p>
                    <div class="div_txtDK">

                        <input name="txtSUEmail" type="text" id="txtSUEmail" style="width: 342px;">
                         
                @Html.ValidationMessageFor(m => m.Email)
                    </div>
                    <p class="pMessDK pMessFail" style="display: none" id="pSUPass">
                        <i class="iMessDK"></i><span class="spMessDK"></span>
                    </p>
                    <p>
                        Mật khẩu <span class="red">*</span></p>
                    <div class="div_txtDK">
                        <input name="txtSUPass" type="password" id="txtSUPass" style="width: 342px;">
                       
                          @Html.ValidationMessageFor(m => m.Password)
                    </div>
                    <p class="pMessDK pMessFail" style="display: none" id="pSURePass">
                    </p>
                    <p>
                        Nhập lại mật khẩu <span class="red">*</span></p>
                    <div class="div_txtDK">
                        <input type="password" name="password_confirm" id="txtSURePass" style="width: 342px;">
                      
                             @Html.ValidationMessageFor(m => m.ConfirmPassword)
                    </div>
                    <div>
                        <p class="pMessDK pMessFail" style="width: auto; display: none; padding-top: 12px;"
                            id="pGender">
                        </p>
                    </div>
                    <div class="middle-box-sex">
                        <label for="chk_sex" class="iGTDK">
                        </label>
                        <div id="divcbMale" class="checkDK">
                        </div>
                        <input name="cbMale" type="checkbox" id="cbMale" style="display: none;" value="cbMale">
                        <i class="iNoneDK"></i>
                        <label for="chk_sex" class="iGTFMaleDK">
                        </label>
                        <div id="divcbFemale" class="checkDK">
                        </div>
                        <input name="cbFemale" type="checkbox" id="cbFemale" style="display: none;" value="cbMale">
                        <div class="clear">
                        </div>
                    </div>
                    <p>
                        Ngày sinh <span class="red">*</span></p>
                    <div>
                        <p class="pMessDK pMessFail" style="width: auto; display: none" id="pNgaySinh">
                        </p>
                    </div>
                    <div class="middle-box-date">
                        <div class="div_txtDayDK">
                            <select name="ddlDate" id="ddlDate">
                                <option selected="selected" value="0">- -</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>
                                <option value="16">16</option>
                                <option value="17">17</option>
                                <option value="18">18</option>
                                <option value="19">19</option>
                                <option value="20">20</option>
                                <option value="21">21</option>
                                <option value="22">22</option>
                                <option value="23">23</option>
                                <option value="24">24</option>
                                <option value="25">25</option>
                                <option value="26">26</option>
                                <option value="27">27</option>
                                <option value="28">28</option>
                                <option value="29">29</option>
                                <option value="30">30</option>
                                <option value="31">31</option>
                            </select>
                        </div>
                        <div class="div_txtDayDK">
                            <select name="ddlMonth" id="ddlMonth">
                                <option selected="selected" value="0">- -</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                            </select>
                        </div>
                        <div class="div_txtDayDK">
                            <select name="ddlYear" id="ddlYear">
                                <option value="0">- - - -</option>
                                <option value="2000">2000</option>
                                <option value="1999">1999</option>
                                <option value="1998">1998</option>
                                <option value="1997">1997</option>
                                <option value="1996">1996</option>
                                <option value="1995">1995</option>
                                <option value="1994">1994</option>
                                <option value="1993">1993</option>
                                <option value="1992">1992</option>
                                <option value="1991">1991</option>
                                <option value="1990">1990</option>
                                <option value="1989">1989</option>
                                <option value="1988">1988</option>
                                <option value="1987">1987</option>
                                <option value="1986">1986</option>
                                <option value="1985">1985</option>
                                <option value="1984">1984</option>
                                <option value="1983">1983</option>
                                <option value="1982">1982</option>
                                <option value="1981">1981</option>
                                <option value="1980">1980</option>
                                <option value="1979">1979</option>
                                <option value="1978">1978</option>
                                <option value="1977">1977</option>
                                <option value="1976">1976</option>
                                <option value="1975">1975</option>
                                <option value="1974">1974</option>
                                <option value="1973">1973</option>
                                <option value="1972">1972</option>
                                <option value="1971">1971</option>
                                <option value="1970">1970</option>
                                <option value="1969">1969</option>
                                <option value="1968">1968</option>
                                <option value="1967">1967</option>
                                <option value="1966">1966</option>
                                <option value="1965">1965</option>
                                <option value="1964">1964</option>
                                <option value="1963">1963</option>
                                <option value="1962">1962</option>
                                <option value="1961">1961</option>
                                <option value="1960">1960</option>
                                <option value="1959">1959</option>
                                <option value="1958">1958</option>
                                <option value="1957">1957</option>
                                <option value="1956">1956</option>
                                <option value="1955">1955</option>
                                <option value="1954">1954</option>
                                <option value="1953">1953</option>
                                <option value="1952">1952</option>
                                <option value="1951">1951</option>
                                <option value="1950">1950</option>
                                <option value="1949">1949</option>
                                <option value="1948">1948</option>
                                <option value="1947">1947</option>
                                <option value="1946">1946</option>
                                <option value="1945">1945</option>
                                <option value="1944">1944</option>
                                <option value="1943">1943</option>
                                <option value="1942">1942</option>
                                <option value="1941">1941</option>
                                <option value="1940">1940</option>
                                <option value="1939">1939</option>
                                <option value="1938">1938</option>
                                <option value="1937">1937</option>
                                <option value="1936">1936</option>
                                <option value="1935">1935</option>
                                <option value="1934">1934</option>
                                <option value="1933">1933</option>
                                <option value="1932">1932</option>
                                <option value="1931">1931</option>
                                <option value="1930">1930</option>
                            </select>
                        </div>
                        <div class="clear">
                        </div>
                    </div>
                    <p>
                        Mã xác nhận <span class="red">*</span></p>
                    <div class="div_maXN">
                        <div id="UpdatePanel2">
                            <div id="UpdatePanel1">
                                <img src="imgcapcha.aspx?r=9490abba7be049759bf318e2aae1908d" vspace="5" alt="" width="199"
                                    height="50" title="">
                                <input type="image" name="ibtnSignUpRefresh" id="ibtnSignUpRefresh" title="Click here to load a new image"
                                    src="../../Content/Register/Images/refesh.jpg" style="border-width: 0px;">
                            </div>
                        </div>
                        <div id="divCapcha">
                        </div>
                        <div class="div_txtDK no-margin">
                            <input name="txtCapcha" type="text" id="txtCapcha" style="width: 192px;">
                        </div>
                    </div>
                    <p class="middle-box-checkbox">
                        <span>
                            <input name="cbNote" type="checkbox" id="cbNote" checked="checked"></span><span class="middle-box-text">Bỏ
                                chọn nếu bạn không muốn nhận thông báo deals hàng ngày qua Email</span>
                        <!--br><span style="font-size: 12px; color: red;">(Nếu quý khách không muốn nhận thông báo Deals hấp dẫn mỗi ngày qua Email, vui lòng bỏ chọn dấu tích.)</span-->
                    </p>
                    <p>
                        <span>
                            <input id="cbAccept" type="checkbox" name="accept"></span><span class="middle-box-text">Tôi
                                đồng ý với các
                                <!-- UPD 1.11.3 -->
                                <a href="http://www.nhommua.com/tp-ho-chi-minh/policy.aspx" id="aPolicy">Quy chế sàn
                                    giao dịch</a></span></p>
                    <!--End UPD 1.11.3 -->
                    <p class="middle-box-button">
                        <a href="" id="btnSignUp" class="submit-button">
                            <input id="Submit2" type="submit" value="" class="submit-button"/>
                        </a>
                    </p>
                    <p class="middle-box-require">
                        <span class="red">*</span><span class="lost-pass"> thông tin bắt buộc</span></p>
                </div>
            </div>
            <!--End UPD 27.10.3 -->
            <!--end sign up-->
        </div>
        <div class="right-menu body_right">
            <!-- deal detail-->
            <div class="deal_detail" style="display: none">
                <div class="deal_title">
                    <h3>
                        Nhận deal mỗi ngày</h3>
                </div>
                <div class="deal_content">
                    <p>
                        Bạn muốn nhận thông báo khi có Deal mới? <span>Hãy nhập thông tin để nhận Giảm giá mỗi
                            ngày</span>.</p>
                    <div class="bg-email-deal">
                        <span class="bg-email-input">
                            <input type="text" placeholder="Nhập email của bạn" id="acpro_inp16"></span>
                        <span class="bg-email-btn"><em>OK</em></span>
                    </div>
                    <div class="bg-email-links">
                        <p>
                            <span>Facebook:</span><span class="api-links"></span></p>
                        <p>
                            <span>Google Plus:</span><span class="api-links"></span></p>
                        <p>
                            <span>Twitter:</span><span class="api-links"><a href="" name=""><img src="images/twitter.gif"
                                alt="" width="25" height="25" title=""></a></span></p>
                    </div>
                </div>
            </div>
            <!-- end deal detail-->
            <!--TN 15.9-->
            <div id="div_hotPhone" class="div_hotPhone">
                <p class="color3 styleText1">
                    <strong>HotLine:</strong><strong class="styleText3"> 08 7305 6616</strong></p>
                <a href="ymsgr:sendim?windyang" style="float: left; margin-left: 4px; padding-top: 7px;">
                    <img alt "" width="125" height="25" border="0" src="../../Content/Account/Images/online.gif"/></a><a
                        href="ymsgr:sendim?windyang" style="float: left; margin-left: 3px; padding-top: 7px;"><img alt""
                            width="125" height="25" border="0" src="../../Content/Account/Images/online.gif"></a></div>
            <!--end TN 15.9-->
            <!-- deal detail-->
            <!-- UPD 27.10.4 -->
            <div class="deal_detail">
                <!-- UPD 1.11.4 -->
                <div class="deal_title">
                    <h3>
                        Điều khoản giao dịch</h3>
                </div>
                <div class="deal_content">
                    <p>
                        Giao dịch đơn giản, nhanh chóng với <span>NhómMua_B4.com</span></p>
                    <div class="deal-payment">
                        <a href="" class="home-payment">Giao thẻ tận nhà</a><a
                            href="" class="atm-payment">Trả bằng Thẻ ATM</a><a
                                href="" class="direct-payment">Nhận thẻ tại</a><a
                                    href="" class="inner-payment">Thẻ ATM Nội địa</a><a
                                        href="" class="visa-payment">Visa mastercard</a></div>
                </div>
                <!--End UPD 1.11.4 -->
            </div>
            <!--End UPD 27.10.4 -->
            <!-- end deal detail-->
        </div>
      
    </div>
  </form>
}
